<ons-page ng-controller="orderDetailController">
    <ons-toolbar>
        <div class="left">
            <ons-back-button></ons-back-button>
        </div>
        <div class="center">订单详情</div>
    </ons-toolbar>

    <div class="container order-detail">
        <ons-list class="list">
            <ons-list-item class="list__item" modifier="chevron">
                <div class="title">订单状态</div>
                <div class="desc light">已接车</div>
            </ons-list-item>
        </ons-list>
        <ons-list>
            <ons-list-header></ons-list-header>
            <ons-list-item modifier="chevron">
                <div>
                    <div class="title">价格合计（￥）</div>
                    <div class="desc"><span class="price big">300</span>&nbsp;<span class="light">(省40)</span></div>
                    <div class="clear_both"></div>
                </div>
                <div>
                    <div>
                        <div class="title small light narrow">配件费</div>
                        <div class="desc light small narrow">100(省20)</div>
                        <div class="clear_both"></div>
                    </div>
                    <div>
                        <div class="title small light narrow">工时费</div>
                        <div class="desc light small narrow">100(省20)</div>
                        <div class="clear_both"></div>
                    </div>
                    <div>
                        <div class="title small light narrow">代办费</div>
                        <div class="desc light small narrow">100(省20)</div>
                        <div class="clear_both"></div>
                    </div>
                </div>
            </ons-list-item>
        </ons-list>
        <ons-list>
            <ons-list-header></ons-list-header>
            <ons-list-item modifier="chevron">
                <div class="title">管家</div>
                <div class="desc">刘建军 13434341234</div>
            </ons-list-item>
            <ons-list-item modifier="chevron">
                <div class="title">项目明细</div>
                <div class="desc">保养</div>
            </ons-list-item>
            <ons-list-item modifier="chevron">
                <div class="title">服务方</div>
                <div class="desc">保养</div>
            </ons-list-item>
            <ons-list-item modifier="chevron">
                <div class="title">服务方式</div>
                <div class="desc">保养</div>
            </ons-list-item>
        </ons-list>
        <ons-list>
            <ons-list-header></ons-list-header>
            <ons-list-item modifier="chevron">
                <div class="title">项目增项</div>
            </ons-list-item>
        </ons-list>
        <div class="upload">
            <div class="ctn left"><img src="img/service/crash.png"/></div>
            <div class="ctn right"><img src="img/service/crash.png"/></div>
            <div class="ctn center"><img src="img/service/crash.png"/></div>
        </div>
    </div>
</ons-page>